<div ng-include="'partials/navbar'"></div>
	<div id="headerwrap">
	    <div class="container" style="width:100%!important">
	    	<div class="row centered">
	    		<div class="col-lg-12">
					<h1>Welcome To <b class="brand">Meal Planr</b></h1>
					<h3>Enter your meals and we'll do the rest.</h3>
					<br>
	    		</div>
	    		
	    		<div class="col-lg-2">
	    			<h5>Meal Calendar</h5>
	    			<p>The automatically generated meal calendar makes meal planning simple.</p>
	    			<img class="hidden-xs hidden-sm hidden-md" src="images/arrow1.png">
	    		</div>
	    		<div class="col-lg-8">
	    			<img class="img-responsive" src="images/app-bg.png" alt="">
	    		</div>
	    		<div class="col-lg-2">
	    			<br>
	    			<img class="hidden-xs hidden-sm hidden-md" src="images/arrow2.png">
	    			<h5>Recipes</h5>
	    			<p>Add and remove recipes whenever you feel like it.</p>
	    		</div>
	    	</div>
	    </div> <!--/ .container -->
	</div><!--/ #headerwrap -->
	<section id="desc" name="desc"></section>
	<!-- INTRO WRAP -->
	<div id="intro">
		<div class="container">
			<div class="row centered">
				<h1>What We're About</h1>
				<br>
				<br>
				<div class="col-lg-4">
					<img src="images/ser03.png" style="width:180px; height=180px " alt="">
					<h3>Generated Shopping Lists</h3>
					<p>Always have the ingredients you need on hand with automatically generated shopping lists.</p>
				</div>
				<div class="col-lg-4">
					<img src="images/intro02.png" alt="">
					<h3>Schedule</h3>
					<p>Take the hassle out of planning your meals for the week with automatic meal scheduling.</p>
				</div>
				<div class="col-lg-4">
					<img src="images/ipad-hand.png" style="width:180px; height=180px " alt="">
					<h3>Mobile Friendly</h3>
					<p>Have your meal plan at your fingter tips with our mobile friendly design.</p>
				</div>
			</div>
			<br>
			<hr>
	    </div> <!--/ .container -->
	</div><!--/ #introwrap -->
